<template>
  <div>
    视频标题:
    <input type="text" v-model="title" maxlength="6" /><br />

    关联老师:
    <select v-model="teacher">
      <option value="">请选择</option>
      <option value="0">老王</option>
      <option value="1">张梦龙</option>
      <option value="2">武晓慧</option></select
    ><br />

    上课方式:
    <select v-model="cate">
      <option value="">请选择</option>
      <option value="0">线下</option>
      <option value="1">线上</option>
      <option value="2">其他</option></select
    ><br />

    选择学校:
    <select v-model="school">
      <option value="">请选择</option>
      <option value="0">黑马程序员</option>
      <option value="1">传智教育</option>
      <option value="2">博学谷</option></select
    ><br />

    选择付费模式：
    <input type="radio" v-model="checked" value="0" />付费模式
    <input type="radio" v-model="checked" value="1" />免费模式
    <div v-show="checked == 0" class="box" style="display: inline-block">
      请输入收费金额：
      <input type="text" v-model="money" />
      <button @click="submit">提交</button>
      <button @click="empty1">重置</button>
    </div>
    <br />

    视频简介:
    <input type="text" v-model="des" /><br />

    <span style="vertical-align: top">视频详情:</span
    ><textarea v-model="videoDetail" cols="50" rows="10"></textarea><br />

    开售时间: <br />
    <input type="radio" v-model="checked1" value="0" />立即开售<br />
    <input type="radio" v-model="checked1" value="1" />定时开售
    <div v-show="checked1 == 1" class="box" style="display: inline-block">
      开售时间：
      <input type="text" v-model="time" />
      <button @click="submit1">提交</button>
      <button @click="empty">重置</button>
    </div>
    <br />
    <input type="radio" v-model="checked1" value="2" />暂不开售<br />

    <button type="submit" @click.prevent="fn">保存</button>
  </div>
</template>
<!-- const params = {
  title: '', // 视频标题
  teacher: '', // 关联老师 0老王，1张梦龙  2武晓慧
  cate: '', // 0 线下  1线上  2其他
  school: '', // 0 黑马程序员  1 传智教育  2博学谷
  moneyMode: '1', // 0 付费模式  1 免费模式
  moneyCount: '', // 如果是付费模式，需要提交付费金额，如果是免费模式，不需要有这个字段
  des: '', // 视频简介
  videoDetail: '', // 视频详情
  timeModel: '', // 0 立即开售  1 定时开售  3暂不开售
  timeCount: '', // 如果是定时开售，提交开售时间，如果是其他模式不需要有这个字段 -->
<script>
export default {
  data() {
    return {
      title: '',
      teacher: '',
      cate: '',
      school: '',
      checked: '0',
      text: '',
      des: '',
      videoDetail: '',
      show: true,
      checked1: '0',
      money: '',
      time: '',
    }
  },
  methods: {
    title1() {
      console.log(this.title)
    },
    submit() {
      console.log(this.money)
    },
    submit1() {
      console.log(this.time)
    },
    empty() {
      this.time = ''
    },
    empty1() {
      this.money = ''
    },
    fn() {
      const obj = {
        title: this.title,
        teacher: this.teacher,
        cate: this.cate,
        school: this.school,
        des: this.des,
        videoDetail: this.videoDetail,
        time: this.time,
        money: this.money,
      }
      console.log(obj)
    },
  },
}
</script>

<style></style>
